﻿<!DOCTYPE html>
<!--[if IE]><![endif]-->
<html>
  <head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <title>Available templates and themes | </title>
  <meta name="title" content="Available templates and themes | ">
  <meta name="viewport" content="width=device-width">
  <meta name="generator" content="docfx 2.37.0.0">
  <link rel="shortcut icon" href="../favicon.ico">
  <link rel="stylesheet" href="../styles/docfx.vendor.css">
  <link rel="stylesheet" href="../styles/docfx.css">
  <link rel="stylesheet" href="../styles/main.css">
  <meta property="docfx:navrel" content="../toc.html">
  <meta property="docfx:tocrel" content="toc.html">
  <meta property="docfx:rel" content="../">
</head>
  <body data-spy="scroll" data-target="#affix">
  <style type="text/css">
  #template-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    clear: both;
  }
  .template-item {
    flex: 0 0 50%;
    display: block;
    padding: 16px;
  }
  .template-screenshot {
    position: relative;
    margin-bottom: 16px;
    padding-top: 60%;
    height: 0;
  }
  .template-screenshot-img {
    position: absolute;
    top: 0;
    width: 100%;
    height: auto;
  }
  .template-title {
    font-weight: 600;
    font-size: 1.1em;
  }
  </style>
    <div id="wrapper">
      <header>
        <nav id="autocollapse" class="navbar navbar-inverse ng-scope" role="navigation">
  <div class="container">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand" href="../index.html">
  <img id="logo" class="svg" src="../logo.svg" alt="">
</a>
    </div>
    <div class="collapse navbar-collapse" id="navbar">
      <form class="navbar-form navbar-right" role="search" id="search">
        <div class="form-group">
          <input type="text" class="form-control" id="search-query" placeholder="Search" autocomplete="off">
        </div>
      </form>
    </div>
  </div>
</nav>
        <div class="subnav navbar navbar-default">
  <div class="container hide-when-search" id="breadcrumb">
    <ul class="breadcrumb">
      <li></li>
    </ul>
  </div>
</div>
      </header>
      <div role="main" class="container body-content hide-when-search">
        <div class="sidenav hide-when-search">
  <a class="btn toc-toggle collapse" data-toggle="collapse" href="#sidetoggle" aria-expanded="false" aria-controls="sidetoggle">Show / Hide Table of Contents</a>
  <div class="sidetoggle collapse" id="sidetoggle">
    <div id="sidetoc"></div>
  </div>
</div>
        <div class="article row grid-right">
          <span class="pull-right mobile-hide">
          <a href="contribute-your-template.html" class="contribution-link">Add Your Own Template</a>
          </span>
          
          <p>This is invalid markdown fragment test data</p>

          <ul id="template-container">
              <li class="template-item">
                <div class="template-screenshot">
                  <img src="images/default.screenshot.png" class="template-screenshot-img">
                </div>
                <a class="template-title" href="https://github.com/dotnet/docfx/tree/dev/src/docfx.website.themes/default">default</a>
                <p class="template-desc"><p>The default template</p>
</p>
              </li>
              <li class="template-item">
                <div class="template-screenshot">
                  <img src="images/default.green.screenshot.png" class="template-screenshot-img">
                </div>
                <a class="template-title" href="https://github.com/dotnet/docfx/tree/dev/src/docfx.website.themes/statictoc">statictoc</a>
                <p class="template-desc"><p>The template similar to default template however with static toc. With static toc, the generated web pages can be previewed from local file system.</p>
</p>
                <ul>
                  <li><span>In command:<code>-t statictoc</code></span></li>
                  <li><span>In <c>docfx.json</c>:<code>&quot;template&quot;: &quot;statictoc&quot;</code></span></li>
                </ul>
              </li>
              <li class="template-item">
                <div class="template-screenshot">
                  <img src="images/mathew.screenshot.png" class="template-screenshot-img">
                </div>
                <a class="template-title" href="https://github.com/MathewSachin/docfx-tmpl">mathew</a>
                <p class="template-desc"><p>A simple template</p>
</p>
                <ul>
                  <li><span>Init:<code>git clone https://github.com/MathewSachin/docfx-tmpl.git mathew</code></span></li>
                  <li><span>In command:<code>-t default,mathew/src</code></span></li>
                  <li><span>In <c>docfx.json</c>:<code>&quot;template&quot;:[&quot;default&quot;,&quot;mathew/src&quot;]</code></span></li>
                </ul>
              </li>
              <li class="template-item">
                <div class="template-screenshot">
                  <img src="images/roel4ez-feather.screenshot.png" class="template-screenshot-img">
                </div>
                <a class="template-title" href="https://github.com/roel4ez/docfx-lightbox-plugin">docfx-lightbox-plugin (Featherlight)</a>
                <p class="template-desc"><p>A template which adds a lightbox to each image, using the jquery plugin Featherlight.</p>
</p>
                <ul>
                  <li><span>Init:<code>git clone https://github.com/roel4ez/docfx-lightbox-plugin.git docfx-lightbox-plugin</code></span></li>
                  <li><span>In command:<code>-t default,docfx-lightbox-plugin/templates/lightbox-featherlight</code></span></li>
                  <li><span>In <c>docfx.json</c>:<code>&quot;template&quot;:[&quot;default&quot;,&quot;docfx-lightbox-plugin/templates/lightbox-featherlight&quot;]</code></span></li>
                </ul>
              </li>
              <li class="template-item">
                <div class="template-screenshot">
                  <img src="images/roel4ez-modal.screenshot.png" class="template-screenshot-img">
                </div>
                <a class="template-title" href="https://github.com/roel4ez/docfx-lightbox-plugin">docfx-lightbox-plugin (Bootstrap Modal)</a>
                <p class="template-desc"><p>A template which adds a lightbox to each image, using the Modal window from Bootstrap.</p>
</p>
                <ul>
                  <li><span>Init:<code>git clone https://github.com/roel4ez/docfx-lightbox-plugin.git docfx-lightbox-plugin</code></span></li>
                  <li><span>In command:<code>-t default,docfx-lightbox-plugin/templates/bootstrap-modal</code></span></li>
                  <li><span>In <c>docfx.json</c>:<code>&quot;template&quot;:[&quot;default&quot;,&quot;docfx-lightbox-plugin/templates/bootstrap-modal&quot;]</code></span></li>
                </ul>
              </li>
              <li class="template-item">
                <div class="template-screenshot">
                  <img src="images/docfx.plantuml.plugin.screenshot.png" class="template-screenshot-img">
                </div>
                <a class="template-title" href="https://github.com/KevReed/DocFx.Plugins.PlantUml">DocFx.Plugins.PlantUml</a>
                <p class="template-desc"><p>A template to render PlantUml diagrams from markdown code blocks.</p>
</p>
                <ul>
                  <li><span>Init:<code>nuget install DocFx.Plugins.PlantUml -ExcludeVersion -OutputDirectory .</code></span></li>
                  <li><span>In command:<code>-t default,DocFx.Plugins.PlantUml/template</code></span></li>
                  <li><span>In <c>docfx.json</c>:<code>&quot;template&quot;:[&quot;default&quot;,&quot;DocFx.Plugins.PlantUml/template&quot;]</code></span></li>
                </ul>
              </li>
          </ul>
        </div>
      </div>
      <footer>
  <div class="grad-bottom"></div>
  <div class="footer">
    <div class="container">
      <span class="pull-right">
        <a href="#top">Back to top</a>
      </span>
    <span>Copyright © 2015-2018 Microsoft<br>Generated by <strong>DocFX</strong></span>
    </div>
  </div>
</footer>
    </div>
    <script type="text/javascript" src="../styles/docfx.vendor.js"></script>
<script type="text/javascript" src="../styles/docfx.js"></script>
<script type="text/javascript" src="../styles/main.js"></script>
  </body>
</html>